import { createApp } from 'vue'
import App from './App.vue'
// store => pinia
import { createPinia } from 'pinia'
// router
import router from './router/index'
// 全局样式
import '@/styles/index.scss'
// directives
import installDirectives from '@/directives'
// plugins
import installPlugins from '@/plugins'
// project components
import installProjectComponents from '@/components'
// vue-dompurify-html
import VueDOMPurifyHTML from 'vue-dompurify-html'

import { QuillEditor } from '@vueup/vue-quill'
import '@vueup/vue-quill/dist/vue-quill.snow.css'

import '@google/model-viewer'

const app = createApp(App)
installDirectives(app)
installPlugins(app, router)
installProjectComponents(app)
app.component('QuillEditor', QuillEditor)
app.use(VueDOMPurifyHTML, {
  namedConfigurations: {
    plaintext: {
      USE_PROFILES: { html: false }
    }
  }
})
app.use(createPinia())
app.use(router)
app.mount('#app')
